<template>
  <div style="text-align: center">
    <el-popover
      ref="popover"
      placement="left"
      trigger="hover">
      <h3>{{branch.workflowBranchVo.branckName}}</h3>
      <el-table :data="branch.workflowBranchDetailVos" v-if="branch.workflowBranchDetailVos && branch.workflowBranchDetailVos.length > 0">
        <el-table-column width="150" align="center" property="show_formDetailId" label="字段"></el-table-column>
        <el-table-column width="150" align="center" property="show_type" label="方法"></el-table-column>
        <el-table-column width="150" align="center" property="workflowExpression" label="值"></el-table-column>
      </el-table>
      <h3>备注</h3>
      <p style="padding: 0 20px">{{branch.workflowBranchVo.remark}}</p>
    </el-popover>
    <el-tag class="node-next" v-popover:popover>{{'执行 ' + branch.workflowBranchVo.branckName + ' 通过后，进入 ' + node.workflowNodeVo.workFlowNodeName}}</el-tag>
  </div>
</template>

<script>
  import {AutoVue} from '~/plugins/Tools';

  export default AutoVue({
    data: {},
    props: {
      node: {
        type: Object,
        required: true,
      },
      branch: {
        type: Object,
        required: true,
      },
    },
    computed: {
    },
    watch: {},
    methods: {
    },
    mounted: function () {},
  });
</script>

<style scoped lang="scss">
  .node-next {
    margin: 5px auto;
  }
  @media screen and (max-width: 800px) {
  }
</style>
